﻿$navbar-default-bg: #438eb9;
$navbar-border-radius: 0px;
$navbar-height: 45px;
$font-size-large: 24px;
$navbar-default-brand-color: #FFF;
$navbar-default-brand-hover-color: #FFF;

$navbar-padding-vertical: 0px;
$navbar-margin-bottom: 0px;
$nav-link-padding: 0 8px;

$navbar-float-breakpoint: 590px;
//11
.navbar {
    position: relative;
    min-height: $navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
    margin-bottom: $navbar-margin-bottom;
    border: 0px solid transparent;
    // Prevent floats from breaking the navbar
    @include clearfix;

    @media (min-width: $grid-float-breakpoint) {
        border-radius: $navbar-border-radius;
    }
}

.navbar-header {
    @media (min-width: $navbar-float-breakpoint) {
        float: left;
        display:block;
        //padding-left: 10px;
    }
}
.container,
.container-fluid {
  > .navbar-header,
  > .navbar-collapse {
    margin-right: -$navbar-padding-horizontal;
    margin-left:  0;

    @media (min-width: $grid-float-breakpoint) {
      margin-right: 0;
      margin-left:  0;
    }
  }
}
.navbar {
    .navbar-toggle {
        border: 1px solid transparent;
        width: 40px;
        height: 35px;
        line-height: 0;
        padding: 0 0 1px;
        text-align: center;
        margin: 5px 0 4px 6px;
        background-color: #75B3D7;

        .icon-bar {
            background-color: #FFF;
            border-radius: 0;
            width: 24px;
            margin-left: 7px;
        }
    }

    .container-fluid {
        @media(min-width:$grid-float-breakpoint) {
            padding-left: 10px;
            padding-right: 10px;
        }

        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;

        .pull-right {
            @media(max-width:$navbar-float-breakpoint - 1px) {
                text-align: center;
                float: none !important;
            }
        }
    }
}
//164
.navbar-brand {
    float: left;
    padding: $navbar-padding-vertical $navbar-padding-horizontal;
    font-size: $font-size-large;
    //line-height: $line-height-computed;
    line-height: $navbar-height;
    height: $navbar-height;

    &:hover,
    &:focus {
        text-decoration: none;
    }

    > img {
        display: block;
    }
}

.navbar-nav {
    margin: 0;
}
// Default navbar 397
.navbar-default {
    background-color: $navbar-default-bg;
    //border-color: $navbar-default-border;
    .navbar-brand {
        color: $navbar-default-brand-color;

        &:hover,
        &:focus {
            color: $navbar-default-brand-hover-color;
            //background-color: $navbar-default-brand-hover-bg;
        }
    }


    .navbar-nav {
        .navbar-li1 {
            border-left-width: 0;
        }

        .navbar-li1 > a {
            background-color: #555;

            &:hover,
            &:focus {
                background-color: #4b4b4b;
            }
        }

        .navbar-li2 > a {
            background-color: #892e65;

            &:hover,
            &:focus {
                background-color: #762c59;
            }
        }

        .navbar-li3 > a {
            background-color: #2e8965;

            &:hover,
            &:focus {
                background-color: #2c7659;
            }
        }

        .navbar-li4 > a {
            background-color: #62a8d1;

            &:hover,
            &:focus {
                background-color: #579ec8;
            }
        }

        > li {
            position: relative;
            display: block;
            border-left: 1px solid #E1E1E1;
            float: left;
        }

        > li > a {
            .badge {
                position: relative;
                top: -4px;
                left: 2px;
                padding-right: 5px;
                padding-left: 5px;
            }

            .ace-icon {
                display: inline-block;
                font-size: 16px;
                color: #FFF;
                text-align: center;
                width: 20px;
            }
            //color: $navbar-default-link-color;
            color: #FFF;
            text-align: center;
            width: auto;
            min-width: 50px;
            height: $navbar-height;
            line-height: $navbar-height;
            position: relative;
            display: block;
            padding: $nav-link-padding;

            &:hover,
            &:focus {
                //color: $navbar-default-link-hover-color;
                color: #FFF;
                text-decoration: none;
                //background-color: $nav-link-hover-bg;
                background-color: #4b4b4b;
                //background-color: #4b4b4b;
            }
        }
    }
}

.navbar-nav {
    @media (max-width: $navbar-float-breakpoint) {
        display: inline-block;
        vertical-align: middle;
    }
}

.navbar-nav {
    .user-info {
        max-width: 100px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        vertical-align: top;
        line-height: 15px;
        position: relative;
        top: 8px;

        small {
            display: block;
        }
    }

    .nav-user-photo {
        margin: -4px 8px 0 0;
        border-radius: 100%;
        border: 2px solid #FFF;
        max-width: 40px;
    }
}

.no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
    background-color: #4d9dcc;
    box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.25);
    border-color: rgba(255,255,255,.35);
}
